<template>
  <div class="aq-wrapper">
    <div class="player-panel">
      <LivePlayer :src="src" />
    </div>
  </div>
</template>

<script>
import LivePlayer from './components/live-player/index.vue'
export default {
  components: {
    LivePlayer
  },
  props: {},
  data() {
    return {
      src: 'https://aq.zhslapp.com:20103/live/cameraid/1000167%240/substream/1.m3u8',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  activated() {},
  deactivated() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {},
  filters: {}
}
</script>
<style scoped lang="scss">
.aq-wrapper {
  border: 1px solid red;
  .player-panel {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 500px;
    height: 284px;
    border-radius: 20px;
    border: 1px solid #012c54;
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.8);
    background-color: #0e1011;
  }
}
</style>
